<template>
  <div>
       <mc-el-menu default-active="b">
         <mc-el-submenu index="1">
           <span class="magical-drag-tmp-submenu-name" slot="title">子菜单1</span>
           <mc-el-menu-item index="1-1" mc-href="http://www.baidu.com"  mck1="a" :mcv1="2">菜单条目1-1</mc-el-menu-item>
           <mc-el-submenu index="1-2">
             <span class="magical-drag-tmp-submenu-name" slot="title">子菜单1-2</span>
             <mc-el-menu-item index="1-2-1" mc-href="http://www.baidu.com">菜单条目1-2-1</mc-el-menu-item>
           </mc-el-submenu>
         </mc-el-submenu>
       </mc-el-menu>

       <el-button @click="print">打印</el-button>
       <el-button @click="change">改变</el-button>
  </div>
</template>

<script>
import McElMenu from "./components/McElMenu";
import McElSubmenu from "./components/McElSubmenu";
import McElMenuItem from "./components/McElMenuItem";
export default {
    data(){
      return {
        href:"http://www.magicalcoder.com",
        input:""
      }
    },
    components:{
      McElMenu,
      McElSubmenu,
      McElMenuItem,
    },
    methods:{
        print(){
            console.log(this.form)
        },
        change(){
            //this.form.userName = false;
            this.href = "http://www.baidu.com";
        }
    }
}
</script>

<style>

</style>
